// 路由鉴权 :项目当中路由能不能被访问的权限设置
import router from "@/router";
import setting from "@/setting";
import nprogress from "nprogress";
// 引入进度条样式
import "nprogress/nprogress.css";
nprogress.configure({ showSpinner: false });
// 全局守卫 项目中任意路由切换都会触发的钩子

// 获取用户相关小仓库
import useUserStore from "./store/modules/user";
import pinia from "./store";
const userStore = useUserStore(pinia);

// 全局前置守卫
router.beforeEach(async (to, from, next) => {
  // 访问某个路由之前会执行这个守卫
  // to:访问那个路由
  // from:从哪个路由访问的
  // next:放行函数
  nprogress.start();
  // 获取用户名字
  const username = userStore.username;
  // 获取token 判断是否登录
  const token = userStore.token;
  // 登录
  if (token) {
    // 登录成功后禁止访问login
    if (to.path === "/login") {
      next({ path: "/" });
    } else {
      // 登录成功后访问其他路由
      // 有用户信息
      if (username) {
        // 有用户信息放行
        next();
      } else {
        // 没有用户信息 则发请求获取用户信息
        try {
          // 获取用户信息
          await userStore.userInfo();
          // 刷新的时候是异步路由,会获取用户信息,但是异步路由还未动态追加到路由表 就会出现空白效果
          // 放行
          next({...to});
        } catch (error) {
          // token过期
          // 用户手动修改本地存储的token
          // 退出登录->用户信息清空
          await userStore.userLogout();
          next({ path: "/login" });
        }
      }
    }
  } else {
    // 未登录
    if (to.path === "/login") {
      next();
    } else {
      next({ path: "/login", query: { redirect: to.path } });
    }
  }

  // 修改页面标题
  document.title = `${setting.title} - ${to.meta.title}`;
});

// 全局后置守卫
router.afterEach((to, from) => {
  nprogress.done();
});

// 1.任意路由切换实现进度条业务 ---nprogress
// 2.路由鉴权(访问权限)
// 全部路由组件:登录|404|首页|数据大屏|权限管理(三个子路由)|商品管理(四个子路由)

// 未登录 只可访问login
// 登录 只不可访问login
